// eslint-disable-next-line no-restricted-imports
// uno.config.ts
import {
  defineConfig,
  presetAttributify,
  presetIcons,
  // presetTypography,
  presetUno,
  transformerDirectives,
  transformerVariantGroup
} from 'unocss'

export default defineConfig({
  // shortcuts: [
  //   // ...
  // ],
  presets: [
    presetUno(),
    // 开启属性模式 <button
    //   bg="blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600"
    //   text="sm white"
    //   font="mono light"
    //   p="y-2 x-4"
    //   border="2 rounded blue-200"
    // >
    // 使用 https://icones.js.org/ 图标 i-logos-vue
    presetIcons(),
    // presetTypography(),
    presetAttributify(),
    
  ],
  transformers: [
    // 处理 Vue 的指令，例如 v-bind:class 或 :class
    transformerDirectives(),
    // 使用组 <div class="hover:(bg-gray-400 font-medium) font-(light mono)"/>
    transformerVariantGroup(),
  ],
})